﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>Adminty - Premium Admin Template by Colorlib </title>
    <!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 10]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="#">
    <meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="#">
    <!-- Favicon icon -->
    <link rel="icon" href="..\files\assets\images\favicon.ico" type="image/x-icon">
    <!-- Google font--><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" href="..\files\bower_components\bootstrap\css\bootstrap.min.css">
    <!-- themify-icons line icon -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\themify-icons\themify-icons.css">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\icofont\css\icofont.css">
    <!-- feather Awesome -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\feather\css\feather.css">
    <!-- jpro forms css -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\pages\j-pro\css\demo.css">
    <link rel="stylesheet" type="text/css" href="..\files\assets\pages\j-pro\css\font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="..\files\assets\pages\j-pro\css\j-forms.css">
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\css\style.css">


</head>

<body>
    
    <div class="popup-menu">
        <div class="popup-list">
            <a class="pop-up-logo" href="index-1.htm">
                <img class="img-fluid" src="..\files\assets\images\logo.png" alt="Theme-Logo">
            </a>
            <ul>
                <li class="popup-list-open" id="sub-popup-menu">
                    Subscribe
                    <div class="popup-list-wrapper">
                        <form action="#" method="post" class="j-forms" novalidate="">
                            <div class="content">
                                <!-- start widget button 130 -->
                                <div class="unit">
                                    <div class="widget right-50">
                                        <div class="input">
                                            <input type="text" placeholder="enter your email">
                                        </div>
                                        <button type="submit" class="addon-btn adn-50 adn-right">
                                            Go!
                                        </button>
                                    </div>
                                </div>
                                <!-- end widget button 130 -->
                            </div>
                            <!-- end /.content -->
                        </form>
                    </div>
                    <!-- /. popup-list-wrapper -->
                </li>
                <!-- /. popup-list-open -->
                <!-- for proper work of the popup login form -->
                <!-- don't forget to add appropriate javascript code to your form-->
                <!-- from the bottom of this page-->
                <li class="popup-list-open" id="log-popup-menu">
                    Login
                    <div class="popup-list-wrapper">
                        <form action="#" method="post" class="j-forms" novalidate="">
                            <div class="content">
                                <!-- start login -->
                                <div class="unit">
                                    <div class="j-row">
                                        <div class="span4">
                                            <label class="label label-center">Login</label>
                                        </div>
                                        <div class="span8">
                                            <div class="input">
                                                <label class="icon-right" for="log-log">
                                                    <i class="icofont icofont-ui-user"></i>
                                                </label>
                                                <input type="text" id="log-log" placeholder="your login...">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end login -->
                                <!-- start password -->
                                <div class="unit">
                                    <div class="j-row">
                                        <div class="span4">
                                            <label class="label label-center">Password</label>
                                        </div>
                                        <div class="span8">
                                            <div class="input">
                                                <label class="icon-right" for="log-pass">
                                                    <i class="icofont icofont-lock"></i>
                                                </label>
                                                <input type="password" id="log-pass" placeholder="your password...">
                                                <div class="hint">
                                                    <a href="#" class="link">Forgot password?</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end password -->
                                <button type="submit" class="btn btn-primary m-b-20 f-right">Sign in</button>
                            </div>
                            <!-- end /.content -->
                        </form>
                    </div>
                    <!-- /. popup-list-wrapper -->
                </li>
                <!-- /. popup-list-open -->
                <!-- for proper work of the popup registration form -->
                <!-- don't forget to add appropriate javascript code to your form-->
                <!-- from the bottom of this page-->
                <li class="popup-list-open" id="reg-popup-menu">
                    Register
                    <div class="popup-list-wrapper">
                        <form action="#" method="post" class="j-forms" novalidate="">
                            <div class="content">
                                <!-- start name -->
                                <div class="unit">
                                    <div class="input">
                                        <label class="icon-right" for="reg-name">
                                            <i class="icofont icofont-user"></i>
                                        </label>
                                        <input type="text" id="reg-name" placeholder="name">
                                    </div>
                                </div>
                                <!-- end name -->
                                <!-- start email -->
                                <div class="unit">
                                    <div class="input">
                                        <label class="icon-right" for="reg-email">
                                            <i class="icofont icofont-envelope"></i>
                                        </label>
                                        <input type="text" id="reg-email" placeholder="email address">
                                    </div>
                                </div>
                                <!-- end email -->
                                <!-- start password -->
                                <div class="unit">
                                    <div class="input">
                                        <label class="icon-right" for="reg-pass">
                                            <i class="icofont icofont-lock"></i>
                                        </label>
                                        <input type="password" id="reg-pass" placeholder="password">
                                    </div>
                                </div>
                                <!-- end password -->
                                <!-- start confirm password -->
                                <div class="unit">
                                    <div class="input">
                                        <label class="icon-right" for="conf-pass">
                                            <i class="icofont icofont-unlock"></i>
                                        </label>
                                        <input type="password" id="conf-pass" placeholder="confirm password">
                                    </div>
                                </div>
                                <!-- end confirm password -->
                                <button type="submit" class="btn btn-primary m-b-20 f-right">Register</button>
                            </div>
                            <!-- end /.content -->
                        </form>
                    </div>
                    <!-- /. popup-list-wrapper -->
                </li>
                <!-- /. popup-list-open -->
            </ul>
        </div>
        <!-- end /.popup-list -->
    </div>
    <!-- end /.popup-menu -->
    <div class="popup-btm-400">
        <input type="radio" id="popup-input-open" name="popup-btm">
        <input type="radio" id="popup-input-close" name="popup-btm" checked="">
        <div class="popup-btm-wrapper">
            <form action="#" method="post" class="j-forms" novalidate="">
                <!-- start close-popup button -->
                <label class="popup-btm-close" for="popup-input-close">
                    <i></i>
                </label>
                <!-- end close-popup button -->
                <div class="content">
                    <!-- start email -->
                    <div class="unit">
                        <div class="input">
                            <input type="email" placeholder="your email">
                        </div>
                    </div>
                    <!-- end email -->
                    <!-- start textarea -->
                    <div class="unit">
                        <div class="input">
                            <textarea placeholder="your message or feedback" spellcheck="false"></textarea>
                        </div>
                    </div>
                    <!-- end textarea -->
                    <button type="submit" class="btn btn-primary m-b-20 f-right">Send</button>
                </div>
                <!-- end /.content -->
            </form>
        </div>
        <!-- /. popup-btm-wrapper -->
        <label class="popup-btm-label" for="popup-input-open">Leave a feedback</label>
    </div>
    <div class="main-body">
        <div class="page-wrapper pop-up-wrapper">

            <!-- Page-header start -->
            <div class="page-header">
                <div class="row align-items-end">
                    <div class="col-lg-8">
                        <div class="page-header-title">
                            <div class="d-inline">
                                <h4>Popup Modal Form</h4>
                                <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="page-header-breadcrumb">
                            <ul class="breadcrumb-title">
                                <li class="breadcrumb-item">
                                    <a href="index-1.htm"> <i class="feather icon-home"></i> </a>
                                </li>
                                <li class="breadcrumb-item"><a href="#!">Ready To Use</a>
                                </li>
                                <li class="breadcrumb-item"><a href="#!">Registration Form</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Page-header end -->

<!-- Page body start -->
<div class="page-body">
    <div class="row">
        <div class="col-sm-12">
            <!-- Register your self card start -->
            <div class="card">
                <div class="card-header">
                    <h5>Popup Modal Form</h5>
                    <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                    <div class="card-header-right"><i class="icofont icofont-spinner-alt-5"></i></div>
                </div>
                <div class="card-block">
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                    <p>
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page body end -->
</div>
</div>
<!-- end /.popup-btm -->
<!-- Warning Section Starts -->
    <!--[if lt IE 10]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
    <div class="iew-container">
        <ul class="iew-download">
            <li>
                <a href="http://www.google.com/chrome/">
                    <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                    <div>Chrome</div>
                </a>
            </li>
            <li>
                <a href="https://www.mozilla.org/en-US/firefox/new/">
                    <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                    <div>Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.opera.com">
                    <img src="../files/assets/images/browser/opera.png" alt="Opera">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/safari/">
                    <img src="../files/assets/images/browser/safari.png" alt="Safari">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                    <img src="../files/assets/images/browser/ie.png" alt="">
                    <div>IE (9 & above)</div>
                </a>
            </li>
        </ul>
    </div>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
<!-- Warning Section Ends -->
<!-- Required Jquery -->
<script type="text/javascript" src="..\files\bower_components\jquery\js\jquery.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\jquery-ui\js\jquery-ui.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\popper.js\js\popper.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\bootstrap\js\bootstrap.min.js"></script>
<!-- j-pro js -->
<script type="text/javascript" src="..\files\assets\pages\j-pro\js\jquery.ui.min.js"></script>
<script type="text/javascript" src="..\files\assets\pages\j-pro\js\custom\popup-menu-form.js"></script>
    <!-- Color Js --->
    <script type="text/javascript" src="..\files\assets\js\common-pages.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
</body>


</html>
